﻿var message_box = function () {
    return {
        show_message: function (html, positionX, positionY, isBg) {
            if (jQuery('#message_box').length == 0) {
                var message = '<div id="message_box"><div id="close_icon"><a href="/" onclick=" message_box.close_message();return false;">CLOSE</a> </div><div id="mbox_content">' + html + '</div></div>';
                jQuery(document.body).append(message);
                if (isBg == true) {
                    jQuery(document.body).append('<div id="darkbg"></div>');
                    jQuery('#darkbg').show().css('height', jQuery('html, body').height());
                }

                jQuery('#message_box').css({ top: positionY, left: positionX, position: "absolute" }).show('fast');
            } else {
                if (isBg == true) {
                    jQuery('#darkbg').show().css('height', jQuery('html,   body').height());
                }
                jQuery('#message_box').hide();
                $('#mbox_content'). empty().append(html);
                jQuery('#message_box').css({ top: positionY, left: positionX }).show('fast');
            }
        },
        close_message: function () {
            jQuery('#message_box').hide('fast');

        },
        show_load:function(positionX, positionY, isBg){
            message_box.show_message("<div id='Loading'><img  alt=''  src='/Content/loading.gif'></div>",positionX, positionY, isBg)
        },
        replace_content:function(html){
            $('#mbox_content'). empty().append(html);
        }

    }
} ();